<!DOCTYPE html>
<html lang="en" xmlns:th="https://www.thymeleaf.com">
<head>
    <meta charset="UTF-8">
    <title>二凌的注册页面</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="container right-panel-active">
    <!-- 注册 -->
    <div class="container_form container--signup">
        <form th:action="@{/registration}" th:object="${user}" method="POST" class="form" >
            <h2 class="form_title">注册</h2>
<!--            <input type="hidden" th:field="*{id}"/>-->
            <input type="text" name="name"  th:field="*{name}" placeholder="用户名" class="input" id="name" required/>
            <input type="email" name="email"  th:field="*{email}" placeholder="邮箱" class="input"  id="email"  required/>
            <input type="password" name="email" th:field="*{password}" placeholder="密码" class="input" id="password" required/>
            <input class="btn" id="sign-up" name="signup" type="submit" value="注册">
        </form>
    </div>
    <!-- 登录 -->
    <div class="container_form container--signin">
        <form action="#" class="form" id="form2">
            <h2 class="form_title">登录</h2>
            <input type="email" placeholder="邮箱" class="input" />
            <input type="password" placeholder="密码" class="input" />
            <a href="#" class="link">忘记密码?</a>
            <button class="btn">登录</button>

        </form>
    </div>

    <!-- 浮层 -->
    <div class="container_overlay">
        <div class="overlay">
            <div class="overlay_panel overlay--left">
                <button class="btn" id="signIn">Sign In</button>
            </div>
            <div class="overlay_panel overlay--right">
                <button class="btn" id="signUp">Sign Up</button>
            </div>
        </div>
    </div>
</div>

<!-- 背景 -->
<div class="slidershow">
    <div class="slidershow--image" style="background-image: url('./mb.jpg')"></div>
    <div class="slidershow--image" style="background-image: url('./mb.jpg')"></div>
    <div class="slidershow--image" style="background-image: url('./mb.jpg')"></div>
    <div class="slidershow--image" style="background-image: url('./mb.jpg')"></div>
</div>

<!-- partial -->
  <script src="script.js"></script>
</body>
</html>